<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<title>自动测试</title>
<link rel="stylesheet" href="../../styles/css/bootstrap.min.css">
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css">
<link rel="stylesheet" href="../../styles/css/bootstrap-table.min.css" />
<script src="../../jsplugin/jquery.min.js"></script>
<script src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script src="../../casemanager/js/TDraw.js"></script>
<script src="../../casemanager/js/TDrawCanvas.js"></script>
<script src="../../jsplugin/bootstrap-table.min.js"></script>
<script src="../../jsplugin/bootstrap-combobox.js"></script>
<script src="../../jsplugin/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src='../../common/common.js'></script>

<style>
body {
	background: #102031;
	/* color: white */
}

button {
	margin: 3px;
	padding: 5px
}

#header {
	height: 38px;
}

#main {
	width: 100%;
	min-width: 1900px;
	position: relative;
	margin-top: 5px;
}

#main .main-left {
	width: 300px;
	height: 770px;
	position: absolute;
	padding: 5px;
	left: 0;
	top: 0;
	color: #ffffff;
	border: 1px solid rgb(8, 89, 145);
	background-color: transparent;
	box-shadow: 0 0 8px rgb(8, 89, 145) inset;
	border-radius: 2px;
}

#main .main-center {
	height: 600px;
	width: 800px;
	margin: 0 0px 0 305px;
	border: 1px solid rgb(8, 89, 145);
	background-color: transparent;
	box-shadow: 0 0 8px rgb(8, 89, 145) inset;
	border-radius: 2px;
}

#main .main-right {
	min-width: 600px;
	height: 600px;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid rgb(8, 89, 145);
	background-color: transparent;
	box-shadow: 0 0 8px rgb(8, 89, 145) inset;
	border-radius: 2px;
}

#main .main-footer {
	height: 200px;
	border: 1px solid #345391;
	margin: 0 0 0 296px;
	overflow: auto;
}

#main .main-footer1 {
	height: 165px;
	margin: 5px 0 0 305px;
	overflow: auto;
	color: white;
	border: 1px solid rgb(8, 89, 145);
	background-color: transparent;
	box-shadow: 0 0 8px rgb(8, 89, 145) inset;
	border-radius: 2px;
}

.one {
	padding: 0;
}

.dmi-dialog .modal-dialog {
	width: 840px;
	hight: 750px;
}

.content {
	position: relative;
}
/*上方缩略图样式*/
#Thumbnails {
	width: 690px;
	position: absolute;
	top: 15px;
	left: 10px;
	overflow: auto;
	border: 1px solid rgb(8, 89, 145);
	background-color: transparent;
	box-shadow: 0 0 8px rgb(8, 89, 145) inset;
	border-radius: 2px;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal {
	border-radius: 10px;
	background: #443261;
}

::-webkit-scrollbar-button {
	display: none;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
	background: -webkit-gradient(linear, left);
}

::-webkit-scrollbar-track-piece {
	background: #0b3252;
}

#showDim img {
	width: 800px;
	height: 600px;
}

.progressBarSelected {
	width: 215px;
	height: 50px;
	background: #286090;
	border-radius: 5px;
}

.progressBar {
	width: 215px;
	height: 50px;
}

.allProgress {
	float: left;
}

.manualLogCell {
	width: 100%;
	clear: both;
}

.logLeft {
	height: 25px;
	float: left;
	margin-left: 5px;
}

.logRight {
	width: 85%;
	float: left;
	margin-left: 10px;
}

.manualLogSuc {
	color: #7FFF00;
}

.manualLogFai {
	color: red;
}

.progress {
	background-color: #bdbdbd;
}

.testBtn {
	border: 0px; /*去边框*/
	border-radius: 5px;
	width: 40px; /*宽*/
	height: 40px; /*高*/
	background-image: url(../../images/testStart.png); /*背景图片*/
	font-size: 30px; /*字体大小*/
	color: white; /*字体颜色*/
	cursor: pointer;
	float: left;
}

.testActiveBtn {
	background-image: url(../../images/testStop.png); /*背景图片*/
}

#dmi {
	overflow: auto;
}
</style>
</head>
<body>
	<div id="header">
		<button class="btn btn-primary col-md-1" style="margin-left: 45px"
			onclick="start()" id="startCHHF">开始测试</button>
		<button class="btn btn-primary col-md-1" onclick="stop()"
			id='stopTask'>终止测试</button>
<!-- 	无用暂时去除	<button class="btn btn-primary col-md-1" onclick="lookDmi()">DMI信息看板</button> -->
		<button class="btn btn-primary col-md-1" onclick="checkVersion()"
			id='versionBtn'>查看版本</button>
	<audio id="bgMusic" src="" autoplay="autoplay" hidden="hidden" onended="playOver()"></audio>
	</div>
	<div id="main">
		<div class="main-right">
			<!-- 上方基本用例缩略图绘制 -->
			<div id="Thumbnails">
				<canvas id="inline" style="margin-top: 3px" width="775" height="54"></canvas>
			</div>
			<!-- 中间画布展示区域 -->
			<div
				style="margin-top: 90px; width: 800px; height: 510px; overflow: auto"
				id='canvasDivAuto'>
				<canvas id="canvasId" width="2000" height="680">
					</canvas>
			</div>
		</div>
		<div id="showDim" class="main-center">
			<img id="showDimImg"></img>
		</div>
		<div class="main-left">
			<div>
				<label>测试任务名称：</label><label id="testTaskName"></label>
			</div>
			<div>
				<label>测试任务编号：</label><label id="testTaskCode"></label>
			</div>
			<div>
				<label>测试开始时间：</label><label id="testStartTime"></label>
			</div>
			<div>
				<label id='testEndLebal'>测试结束时间：</label><label id="testEndTime"></label>
			</div>
			<div>
				<label>测试任务描述：</label><label id="testTaskInfo"></label>
			</div>
			<div id="sequenceLists"
				style="margin-top: 10px; padding: 5px; border-top: 1px solid #345391">
			</div>
		</div>
		<!-- 		<div id="kilometerMark" class=""> -->
		<!-- 			<canvas id="lineCanvas" width="1500" height="0"></canvas> -->
		<!-- 		</div> -->
		<div class="main-footer1">
			<span style="color:yellow"> 自动测试日志区域 </span>
			<div id="testLogs" style='height: 143px; overflow: auto;'></div>
		</div>
	</div>
	<script type="text/javascript" src="../../common/myAlert.js">
	</script>
	<script type="text/javascript" src="../js/lineData.js">
	</script>
	<script type="text/javascript" src='../../casemanager/js/TDraw.js'></script>
	<script type="text/javascript"
		src='../../casemanager/js/TDrawCanvas.js'></script>
	<script type="text/javascript" src="../js/autoTest.js">
	</script>
</body>
</html>